X

Ciasteczka!











Ta strona korzysta z cookies.

Ciasteczka są wymagane do prawidłowego działania strony, ale jeśli chcesz możesz je wyłączyć.
Korzystanie z tej strony bez zmiany ustawień dotyczących cookies oznacza, że będą one zapisane w pamięci urządzenia. Więcej informacji można znaleźć w dziale Cookies.

Moje Projekty YUPI.WI-NET.PL

Wyszukaj na stronie:
Szablon strony w PHP
Autor: yupiik - 2014-07-06 06:45:50
Szablon prostej strony w PHP w najnowszych standardach HTML i CSS.

Szablon prostej strony w php, jest ich wiele w sieci. Mój nie jest ładniejszy, ale daje możliwość szybkiego założenia strony dla osoby, która nie miała nigdy styczności z html, css i tym bardziej php. Szablon posiada automatyczne "dynamiczne" menu, automatyczny download i automatyczną galerię. Nie wymaga działań w bazie danych, przez co traci możliwości ale z założenia miała być to prosta strona.
Niestety napotkałem jeden problem, nie można przenosić w linkach naszych polskich znaków i spacji, przez co prostota troszkę się skomplikowała co wyjaśnię niżej.

Aby strona ruszyła, użytkownik musi stworzyć podstronę w katalogu `strony` o dowolnej nazwie, ale aby linki działały trzeba zastosować pewien wybieg, który zamieni niedozwolone polskie znaki, na działający link. Jeśli chcemy stworzyć podstronę przykładowo Mój profil trzeba zamienić ó na !o a spację na !!. Dodatkowo aby skrypt rozpoznał, że chodzi nam o nową podstronę musimy dodać przedrostek strona. oraz aby zachować jakąś kolejność numer podstrony, strona główna musi mieć numer 000 następne obojętnie aż do 999. Kończymy nazwę .php. Wydaje się to może teraz skomplikowane ale jest naprawdę proste, czyli:
Mój profil będzie się nazywać strona.050M!oj!!profil.php.
050 jest przykładowe, oznacza to głównie tyle, że będzie można kiedyś wstawić 50 podstron przed tą podstroną i 950 za nią.
Aby stworzyć nową podstronę proponuję skorzystać z szablonu, który znajduje się w katalogu `strony`. Tworzymy kopię, nadajemy jej odpowiednią nazwę i modyfikujemy zawartość.

Kilka zasad, u samej góry znajduje się komentarz Tytuł: za nim piszemy co ma się pojawiać na pasku tytułowym w przeglądarce obok malutkiego loga naszej strony. Nadanie tytułu jest ważne również dlatego, że wyszukiwarki korzystają z niego podczas wyświetlania wyników wyszukiwania.
Natomiast nagłówek znajdujący się pomiędzy h1 a /h1 służy do rozdzielania tekstu, ale pełni również ważną rolę przy indeksowaniu strony przez boty.

Gdy mamy nową podstronę, wrzucamy ją na serwer z obsługą php i pojawi się nowa pozycja w menu. Automatycznie utworzy potrzebne katalogi w folderze `grafiki` i `download` o takich samych nazwach jak nasza nowa podstrona.

Do folderu `grafiki` i katalogu o takiej samej nazwie jak podstrona możemy wrzucić dowolne obrazy jpeg. Skrypt po pierwszym uruchomieniu automatycznie utworzy potrzebne miniatury. Skrypt automatycznie usuwa wrzucone oryginały więc do katalogu wgrywamy tylko kopie obrazów, które mogą zostać dowolnie przerobione.
W zawartości strony w wybranym miejscu wklejamy kod obrazów z konfiguracją wyświetlania obrazów, ile będzie naraz wyświetlanych miniaturek i czy wyświetlane obrazy mają się zapętlać. Wszystko jest pokazane w przykładowych podstronach.

Dwonload działa na podobnej zasadzie do katalogu o nazwie podstrony w folderze `download` wrzucamy dowolne pliki i linki same pojawią wyświetlanej stronie. Pamiętamy o wstawieniu kodu download, w wybranym przez siebie miejscu, gdzie pojawią się linki.

W folderze `inc` znajduje się plik config.php możemy tam nadać nazwę naszej stronie oraz wybrać kolor szablonu. Kolory można samemu dodać nowe, myślę że po krótkiej analizie szybko będziesz wiedział jak.

Strona jest zgodna z najnowszymi standardami HTML5 i CSS3.

Zachęcam do analizowania kodu php, w ten sposób możemy się dużo nauczyć.
Proszę o kontakt, jeśli coś będzie niejasne.

Demo działania takiej strony.

Pliki do pobrania:


Pobrany 2049 razy.








Komentarze: [1]
Autor: yupiik Dodano: 2014-08-09 13:44:55


Bardzo proszę o komentarze w sprawie działania szablonu w praktyce.
Ewentualnie o propozycje co chcielibyście w nim zmienić.


Dodaj komentarz:





Proszę zaznaczyć prawidłową opcję i potwierdzić, że komentarz wysyła człowiek.

Nie jestem botem!
Jestem botem!
Jestem prawdziwym robotem!


   


Można stosować niektóre BBC code:
  • [color=#00FF00] [/color] - kolorowy tekst z kodem
  • [color=red] [/color] - kolorowy tekst z nazwą
  • [b] [/b] - wytłuszczenie
  • [u] [/u] - podkreślenie
  • [q] [/q] - cytat
  • [i] [/i] - kursywa
  •     Aktualizacja: 2016.07.26 - 09:50 Wygen 0.269304 sek.
    © by yupiik 2012 - 2024 – Wszelkie prawa zastrzeżone.